<template>
  <div>
    <ul class="ul_userLogList">
      <li class="li_userLogList" v-for="row in $store.state.user.userLogList" :key="row._id">
        <i class="el-icon-warning-outline"></i>
        <span>
          尊敬的
          <i class="userName">{{row.userName}}</i>,您于
          <i class="createTime">{{row.createTime | date}}</i>登录本系统进行学习,希望您能再接再厉。
        </span>
      </li>
    </ul>
    <PageInfo action-name="getUserLogList" :params="params"></PageInfo>
  </div>
</template>

<script>
export default {
  name: "userLog",
  data() {
    return {
      params: {
        searchName: this.$store.state.user.user_id
      }
    };
  }
};
</script>

<style lang="scss" scoped>
i {
  font-style: normal;
}
.ul_userLogList {
  margin: 0 auto;
  width: 90%;
  .li_userLogList {
    font-size: 1.5rem;
    margin: 1rem;
    .el-icon-warning-outline {
      color: yellowgreen;
      margin: 0.8rem;
    }
    .userName {
      color: rgb(235, 24, 17);
    }
    .createTime {
      color: blue;
    }
  }
}
</style>